<template>
	<view class="page">
		<view :style="'margin-top:90rpx'" class="content">
			<view class="list-block">
				<template v-if="list.length>0">
					<ProductList :key="item.id" :data="item" v-for="(item) in list" type="5"></ProductList>
				</template>
				<view v-if="more==false&&list.length==0" class="empty">暂无数据</view>
				<view v-else-if="more==false&&list.length>0" class="empty">没有更多了</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		isMore
	} from '@/util/util'
	import ProductList from '@/components/ProductList.vue'
	export default {
		components: {
			ProductList
		},
		data() {
			return {
				topBgColor: 'rgba(0,0,0,0)',
				searchName: '',
				tabActive: 1,
				township: [],
				index: 0,
				conf: {
					page: 1,
					limit: 20,
					township: 0,
					keyword: ''
				},
				more: true,
				list: [{
						"id": 1,
						"title": "酒泉西汉胜迹",
						"account": "河西走廊最负盛名的汉文化主题公园",
						"introduction": "<p><span style=\"font-size: 14pt;\"><strong>酒泉西汉胜迹</strong></span><br />&nbsp;&nbsp;&nbsp;&nbsp;</p>\n<p><span style=\"font-size: 12pt;\">国家4A级旅游景区，传说中霍去病倾酒入泉与将士共饮的地方。园内有古酒泉、左公柳、李白诗碑等历史遗迹，展现了河西走廊两千多年的历史文脉。</span></p>",
						"phone": "0937-2613166",
						"address": "甘肃省酒泉市肃州区公园路100号",
						"longitude": "98.5112",
						"latitude": "39.7438",
						"businessTime": "08:30-18:00",
						"price": "免费",
						"coverImage": "https://www.jiuquan.gov.cn/jiuquan/c103374/202311/9dbe3b4830cb4269ad5873c4973cc5a2/images/20231121173245705001.png",
						"swiperImages": [
							"https://www.jiuquan.gov.cn/jiuquan/c103374/202311/9dbe3b4830cb4269ad5873c4973cc5a2/images/20231121173247810002.png",
							"https://www.jiuquan.gov.cn/jiuquan/c103374/202311/9dbe3b4830cb4269ad5873c4973cc5a2/images/20231121173245705001.png"
						]
					},
					{
						"id": 2,
						"title": "北大河风光带",
						"account": "肃州城区生态景观长廊",
						"introduction": "<p><span style=\"font-size: 14pt;\"><strong>北大河风光带</strong></span><br />&nbsp;&nbsp;&nbsp;&nbsp;</p>\n<p><span style=\"font-size: 12pt;\">贯穿酒泉城区的水系景观，两岸绿树成荫，建有亲水平台、文化广场和健身步道。夏季可观赏音乐喷泉，冬季有冰雕展览，是市民休闲娱乐的好去处。</span></p>",
						"phone": "0937-2625888",
						"address": "甘肃省酒泉市肃州区北大河沿线",
						"longitude": "98.4976",
						"latitude": "39.7523",
						"businessTime": "全天开放",
						"price": "免费",
						"coverImage": "https://www.gscn.com.cn/pic/003/000/670/00300067004_9bd61b1c.jpg",
						"swiperImages": [
							"https://www.gscn.com.cn/pic/003/013/783/00301378308_758bd873.jpg"
						]
					},
					{
						"id": 3,
						"title": "花城湖国家湿地公园",
						"account": "戈壁中的生态绿洲",
						"introduction": "<p><span style=\"font-size: 14pt;\"><strong>花城湖国家湿地公园</strong></span><br />&nbsp;&nbsp;&nbsp;&nbsp;</p>\n<p><span style=\"font-size: 12pt;\">位于肃州区银达镇，是河西走廊重要的候鸟栖息地。公园内水域广阔，芦苇荡漾，有黑鹳、白琵鹭等珍稀鸟类，四季景观各异，尤以秋季金色芦苇最为壮观。</span></p>",
						"phone": "0937-2636999",
						"address": "甘肃省酒泉市肃州区银达镇",
						"longitude": "98.6021",
						"latitude": "39.8135",
						"businessTime": "08:00-19:00",
						"price": "30元",
						"coverImage": "https://www.gscn.com.cn/pic/003/002/896/00300289630_c85e4437.jpg",
						"swiperImages": [
							"https://www.gscn.com.cn/pic/003/002/450/00300245046_56e95f07.jpg",
							"https://m.thepaper.cn/image/14/98/324.jpg",
							"https://m.thepaper.cn/image/14/98/336.jpg"
						]
					},
					{
						"id": 4,
						"title": "祁连山肃北草原",
						"account": "雪山脚下的空中草原",
						"introduction": "<p><span style=\"font-size: 14pt;\"><strong>祁连山肃北草原</strong></span><br />&nbsp;&nbsp;&nbsp;&nbsp;</p>\n<p><span style=\"font-size: 12pt;\">位于肃州区金佛寺镇，是祁连山北麓的高山草甸。夏季草原碧绿，野花遍地，牛羊成群；冬季银装素裹，可远眺雪山冰川。特有的裕固族风情更添人文魅力。</span></p>",
						"phone": "0937-2688999",
						"address": "甘肃省酒泉市肃州区金佛寺镇",
						"longitude": "98.4231",
						"latitude": "39.8527",
						"businessTime": "全天开放",
						"price": "免费",
						"coverImage": "https://www.forestry.gov.cn/html/main/main_5462/20210216003102847123855/20210216004223799979777.png",
						"swiperImages": [
							"https://www.gscn.com.cn/pic/003/014/775/00301477555_63d75393.jpg",
							"https://www.gscn.com.cn/pic/003/014/775/00301477562_bc40a876.jpg",
							"https://x0.ifengimg.com/ucms/2024_40/C7AAC1C65D876C6D42C7BD81BD1C6728FDC5A8BB_size159_w800_h449.jpg"
						]
					}
				]
			}
		},
		methods: {

		},

		onReachBottom() {
			if (this.more) {
				this.conf.page++;
			}
		},
		onLoad() {}
	}
</script>

<style lang="scss">
	.page {
		overflow: hidden;
		height: 100%;
		background-image: linear-gradient(to bottom, #4a8dff, #F8F8F8 400px, #F8F8F8 400px, #F8F8F8);
		background-repeat: no-repeat;

		.content {
			width: $content-width;
			margin: 0 auto;

			.search-block {
				background: #f4f4f4;
				color: #999;
				font-size: 28rpx;
				display: flex;
				flex-direction: row;
				align-items: center;
				padding: 0 20rpx;
				border-radius: 40rpx;
				height: 80rpx;
				margin-bottom: 30rpx;
				margin-top: 30rpx;

				.search {
					flex-grow: 0;
					display: flex;
					justify-content: center;
					align-items: center;
					width: 120rpx;
					border-radius: 50rpx;
					height: 55rpx;
					padding-bottom: 5rpx;
					color: #FFFFFF;
					background: linear-gradient(90deg, #67C059 0%, #6BD459 100%);
					font-size: 28rpx;
				}

				input {
					flex-grow: 1;
				}
			}

			.menu-block {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-top: 30rpx;

				.menu-item {
					display: flex;
					align-items: center;
					color: #66BD59;

					.menu {
						margin-right: 30rpx;
						font-size: 30rpx;
					}

					.menu.active {
						font-family: 'FangZhengHanZhenGuangBiaoJianTi';
						font-size: 34rpx;
					}
				}

				.select-item {
					display: flex;
					align-items: center;

					.select {
						color: #767676;
						font-size: 30rpx;
					}

					.select-icon {
						width: 40rpx;
						height: 40rpx;
					}
				}
			}
		}
	}
</style>